<h2>Classic editor</h2>

<div id="classic">
	<p>Classic editor</p>
	<table border="1" cellpadding="1" cellspacing="1" style="width:600px">
		<thead>
			<tr>
				<th scope="row" style="width:150px">Header</th>
				<th scope="col" style="width:300px" colspan="2">Header</th>
				<th scope="col" style="width:150px">Header</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th scope="row" style="width:150px">Header</th>
				<td style="width:150px">not header</td>
				<td style="width:150px">not header</td>
				<td style="width:150px">not header</td>
			</tr>
			<tr>
				<th scope="row" style="width:300px" colspan="2">Header</th>
				<td style="width:300px" colspan="2">not header</td>
			</tr>
		</tbody>
	</table>
</div>

<h2>Divarea editor</h2>

<div id="divarea">
	<p>Divarea editor</p>
	<table border="1" cellpadding="1" cellspacing="1" style="width:600px">
		<thead>
		<tr>
			<th scope="row" style="width:150px">Header</th>
			<th scope="col" style="width:300px" colspan="2">Header</th>
			<th scope="col" style="width:150px">Header</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<th scope="row" style="width:150px">Header</th>
			<td style="width:150px">not header</td>
			<td style="width:150px">not header</td>
			<td style="width:150px">not header</td>
		</tr>
		<tr>
			<th scope="row" style="width:300px" colspan="2">Header</th>
			<td style="width:300px" colspan="2">not header</td>
		</tr>
		</tbody>
	</table>
</div>

<script>
	if ( bender.tools.env.mobile ) {
		bender.ignore();
	}

	CKEDITOR.replace( 'classic', {
		removePlugins: 'divarea'
	} );

	CKEDITOR.replace( 'divarea' );
</script>
